<meta charset="utf-8" />

<body bgcolor="#fafafa">

<center>
  <b>新款</b>
  <p><a href="ipad.html">进一步了解</a></p>
  <h1>iPad Pro</h1>

  <img width="65%" src="https://www.apple.com.cn/v/home/d/images/heroes/ipad-pro/hero__dvsxv8smkkgi_small_2x.jpg" />

  <p>iPad Pro 于 3 月 25 日发售  妙控键盘于 5 月发售</p>
</center>

<center>
  <b>新款</b>
  <h1>macbook-air</h1>

  <img width="65%" id="pic" src="https://www.apple.com.cn/v/home/d/images/heroes/iphone-11-pro/hero__dvsxv8smkkgi_small_2x.jpg" />

  <p>iPad Pro 于 3 月 25 日发售  妙控键盘于 5 月发售</p>
</center>

<script>
window.onresize = function(){
  if(document.body.clientWidth<600){
    pic.src = "https://www.apple.com.cn/v/home/d/images/heroes/macbook-air/hero__dvsxv8smkkgi_small_2x.jpg";
  }else{
    pic.src = "https://www.apple.com.cn/v/home/d/images/heroes/macbook-air/hero__dvsxv8smkkgi_large_2x.jpg";
  }
}
</script>    

</body>

